/* color palette from <https://github.com/vuejs/theme> */
:root {
  --color-e3e7:#e3e7fe;
  --color-white: #ffffff;
  --color-black: #181818;
  --color-f9:#f9f9f9;
  --color-line:#eeeeee;
  --color-2627:#26274a;
  --color-2627_99:#26274a99;
  --color-2627_88:#26274a88;
  --color-2627_66:#26274a66;
  --color-2627_46:#26274a46;
  --color-2627_20:#26274a20;
  --color-2627_10:#26274a10;
  --color-2627_cc:#26274acc;
  --color-ef:#EFEFF3;;
  
  
  
  
  

  --line-height: 1.6;
  --text-color: rgb(51, 54, 57);
  --title-color: rgb(31, 34, 37);

  --font-size-4xs: 8px;
  --font-size-3xs: 9px;
  --font-size-xxs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;

  --border-radius-xs:5px;
  --border-radius:10px;
  --border-radius-md:15px;
  --border-radius-lg:20px;
  --border-radius-round:50%;

  --margin-sm:5px;
  --margin:10px;
  --margin-md:15px;
  --margin-xl:20px;

  --padding-xs:3px;
  --padding-sm:5px;
  --padding:10px;
  --padding-md:15px;
  --padding-lg:20px;
  --padding-xl:25px;

  --font-weight-500: 600;
  --font-weight-bold: bold;

  --border-raduis: 10px;

}

/* semantic color variables for this project */
:root {
  --color-background: var(--color-e3e7);
  --color-text:var(--text-color);
  
  
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--color-black);
    --color-text:var(--text-color);
    
    
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-background);
  transition:
    color 0.5s,
    background-color 0.5s;
  line-height: 15px;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block;
}

body{
  line-height:15px;
}

ol,ul{
  list-style:none;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
*,*::after,*::before{
  box-sizing:border-box;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
}
html,body{
  font-size:var(--font-size);
}
@media screen and (max-width: 250px) and (orientation: portrait){
  html,body{
    font-size:var(--font-size-xs);
  }
}
html{
  overflow-x:hidden;
  scroll-behavior:smooth;
}
body{
  font-family:Gotham;
}
svg:not(:root) {
  overflow-clip-margin: content-box;
  overflow: hidden;
}
#app{
 height: 100vh;
}
/* 隐藏全局滚动条 */
::-webkit-scrollbar {
  display: none;
}

/* 对于IE和Edge */
body {
  -ms-overflow-style: none;  /* Windows Edge, IE 浏览器的滚动条隐藏 */
  scrollbar-width: none;  /* Firefox 浏览器的滚动条隐藏 */
}